<template>
  <el-table
    :data="rows"
    height="300"
    size="mini"
    style="width: 100%">
    <!-- <el-table-column
      label="文字"
      width="100">
      <template slot-scope="scope">
        aaaa
      </template>
    </el-table-column> -->
    <el-table-column
      label="文本框"
      width="180">
      <template slot-scope="scope">
         <el-input></el-input>
        <comp-select></comp-select>
        <comp-text></comp-text>
      </template>
    </el-table-column>
    <!-- <el-table-column
      label="下拉选择"
      width="180">
      <template slot-scope="scope">
        <el-input placeholder="请输入内容" size="mini"></el-input>
      </template>
    </el-table-column>
    <el-table-column
      label="自动完成"
      width="180">
      <template slot-scope="scope">
        <el-input placeholder="请输入内容" size="mini"></el-input>
      </template>
    </el-table-column> 
    <el-table-column
      label="日期选择"
      width="180">
      <template slot-scope="scope">
        <el-input placeholder="请输入内容" size="mini"></el-input>
      </template>
    </el-table-column> 
    <el-table-column
      label="复选框"
      width="180">
      <template slot-scope="scope">
        <el-input placeholder="请输入内容" size="mini"></el-input>
      </template>
    </el-table-column> 
    <el-table-column
      label="文件选择"
      width="180">
      <template slot-scope="scope">
        <el-input placeholder="请输入内容" size="mini"></el-input>
      </template>
    </el-table-column> 
    <el-table-column
      label="图片上传"
      width="180">
      <template slot-scope="scope">
        <el-input placeholder="请输入内容" size="mini"></el-input>
      </template>
    </el-table-column>     
    <el-table-column
      label="弹出选择"
      width="180">
      <template slot-scope="scope">
        <el-input placeholder="请输入内容" size="mini"></el-input>
      </template>
    </el-table-column>  
    <el-table-column
      label="带前后缀的text"
      width="180">
      <template slot-scope="scope">
        <el-input placeholder="请输入内容" size="mini"></el-input>
      </template>
    </el-table-column>
    <el-table-column
      label="点击弹出表单"
      width="180">
      <template slot-scope="scope">
        <el-input placeholder="请输入内容" size="mini"></el-input>
      </template>
    </el-table-column> -->               
  </el-table>
</template>
<script>
define(['vue'],function(vue){
  return vue.component('comp-table-input',{
    template: template,
    //支持的组件
    components : {
      'comp-text' : resolve=>require(['_vue!pathComponent/comp-text'], resolve),
      'comp-select' : resolve=>require(['_vue!pathComponent/comp-select'], resolve),
      // 'comp-expand-tabs' : resolve=>require(['_vue!pathComponent/comp-expand-tabs'], resolve),        
    },
    props : {
      //列定义
      columns :{required:false},
      //数据源，必须是静态的
      data :{required:false},
      // action :{required:false,},
      height :{required:false,default:300},
      rowKey:{required:false,default:'id'},
      // showSummary:{required:false,default:false},
    },
    data:function() {
      return {
        rows:[
          {a:'aa',b:'bb',c:'cc',d:'dd'},
          {a:'aa',b:'bb',c:'cc',d:'dd'},
          {a:'aa',b:'bb',c:'cc',d:'dd'},
          {a:'aa',b:'bb',c:'cc',d:'dd'},
          {a:'aa',b:'bb',c:'cc',d:'dd'},
          {a:'aa',b:'bb',c:'cc',d:'dd'},
          {a:'aa',b:'bb',c:'cc',d:'dd'},
          {a:'aa',b:'bb',c:'cc',d:'dd'},
          {a:'aa',b:'bb',c:'cc',d:'dd'},
          {a:'aa',b:'bb',c:'cc',d:'dd'},
          {a:'aa',b:'bb',c:'cc',d:'dd'},
          {a:'aa',b:'bb',c:'cc',d:'dd'},
        ]
      }
    },
    methods:{
      
    },
    mounted:function(){
      this.$emit('on-mount',this);
      // dump('comp-text mounted fired');
    }
  });  
});
</script>

<style type="text/css"></style>